// 全局的自定义指令放在这里

export const imageerror = {
  inserted(dom, binding) {
    // dom 是指令所在的DOM节点
    // 1.图片不存在的情况
    dom.src = dom.src || binding.value
    // 2. img标签有个onerror事件，图片资源加载不出来的时候就会触发！
    dom.onerror = function() {
      console.log('图片加载出错了')
      this.src = binding.value
    }
  }
}

/*
// https://cn.vuejs.org/v2/guide/custom-directive.html
// 自定义指令的作用： 用于操作DOM！
Vue.directive(指令名,{
  // 钩子
  bind(el,binding){},
  inserted(el,binding){},
  update(el,binding){},
  componentUpdated(el,binding){},
  unbind(el,binding){}
})
// 四个形参：el,binding,vnode,oldVnode
// el 指令所在的节点信息
// binding 是指令的数据信息
// ==> binding.value  指令绑定的数据  1000
// ==> binding.expression  指令绑定的表达式  msg

<标签 v-指令名="msg" />
data(){
  return{
    msg:1000
  }
}
*/

